<!--
 * @Author: libing 9852442+liu-sheng-8667@user.noreply.gitee.com
 * @Date: 2024-04-14 11:47:31
 * @LastEditors: libing 9852442+liu-sheng-8667@user.noreply.gitee.com
 * @LastEditTime: 2024-05-27 23:11:24
 * @FilePath: \crm\pages\customer\conponents\follow-item.vue
 * @Description: 跟进item
-->
<template>
  <view class="follow-item" @click="toPage">
    <view class="follow-item-header">
      <view class="head">
        <view class="name">{{ item.customName }}</view>
        <view class="status">{{ FOLLOW_TYPE_MAP[item.followMethod] }}</view>
      </view>
      <view class="time">{{ item.nextTime }}</view>
    </view>
    <view class="follow-item-content">
      {{ item.remarks }}
    </view>
  </view>
</template>
<script>
import { FOLLOW_TYPE_MAP } from '@/contacts/calendar'
export default {
  name: 'follow-item',
  props: {
    item: {
      type: Object,
      default: () => ({})
    }
  },
  data() {
    return {
      FOLLOW_TYPE_MAP
    }
  },
  methods: {
    toPage() {
      uni.navigateTo({
        url: '/pagescustomer/customer/follow-records-info'
      })
    }
  }
}
</script>
<style scoped lang="scss">
.follow-item {
  padding: 20rpx 32rpx;
  background: #FFFFFF;
  margin-bottom: 18rpx;
  border-radius: 16rpx;

  &-header {
    .head {
      display: flex;
      justify-content: space-between;
      align-items: center;

      .name {
        font-weight: 500;
        font-size: 30rpx;
        color: #171A1D;
        line-height: 42rpx;
      }

      .status {
        font-size: 26rpx;
        color: #838589;
        line-height: 37rpx;
      }
    }

    .time {
      font-size: 24rpx;
      color: #838589;
      line-height: 33rpx;
      margin-bottom: 18rpx;
    }

  }

  &-content {
    font-size: 26rpx;
    color: #171A1D;
    line-height: 37rpx;
  }
}
</style>
